<?php use_stylesheets_for_form($form) ?>
<?php use_javascripts_for_form($form) ?>

<script language="javascript">

var id = '<?php echo $nodo->getUuid()?>';

$(document).ready(function() {
    
   // Seteamos el limite
   $('#medio_texto_texto').keyup(function(){
            limitChars('medio_texto_texto', 140, 'charlimitinfo');
    })

    
   // Esta primera parte crea un loader no es necesaria
    $().ajaxStart(function() {
        $('#loader_save').show();
        $('#contenido_nodo').hide();
    }).ajaxStop(function() {
        $('#loader_save').hide();
        $('#contenido_nodo').fadeIn('slow');
    });
   // Interceptamos el evento submit
    $('#medio_texto').submit(function() {
        if($('#medio_texto_texto').val() != ''){
            // Enviamos el formulario usando AJAX
            $.ajax({
                type: 'POST',
                url: $(this).attr('action'),
                data: $(this).serialize(),
                // Mostramos un mensaje con la respuesta de PHP
                success: function(data) {
                    $('#contenido_nodo').html(data);
                    $('#node-caption-'+id).addClass('fondo_texto');
                }
            })        
            return false;
        }
        else{
            alert('No ha agregado el texto');
            return false;
        }
        
    }); 
})

</script>

<form id="medio_texto" action="<?php echo url_for('medio_texto/'.($form->getObject()->isNew() ? 'create' : 'update').(!$form->getObject()->isNew() ? '?id='.$form->getObject()->getId() : '')) ?>" method="post" <?php $form->isMultipart() and print 'enctype="multipart/form-data" ' ?>>
<?php if (!$form->getObject()->isNew()): ?>
<input type="hidden" name="sf_method" value="put" />
<?php endif; ?>
  <table>
    <tfoot>
      <tr>
          <td colspan="2">
              <span id="charlimitinfo" style="float:right;" >Escribe tu texto de 140 caracteres.</span> 
          </td>
      </tr>
    </tfoot>
    <tbody>
      <?php echo $form ?>
    </tbody>
  </table>
  <div id="boton_volver"><button type="button" class="cancelar" onclick="cargarNodo('<?php echo $nodo->getUuid() ?>', true)" >Cancelar</button></div>
  <div id="boton_guardar"><input type="submit" class="boton_guardar" alt="Crear medio"  value="Crear medio" /></div>
</form>
